<!--登录-->
<template>
    <div id="login">
        <div>
            <div class="imgwidth"></div>
            <div class="login_box">
                <div class="fl loginLeft"><p class="ac login_tit">登录</p></div>   
                <div class="fr loginRight"><p class="ac downapp">扫码下载云医康APP</p></div>
            </div>
        </div>        
    </div>
</template>

<script>
    export default {
        name: 'Login',
        data() {
            return {}
        },
        methods: {}
    }
</script>

<style scoped lang="less">
    #login {
        .imgwidth {
            background: url(../../common/img/login/login_bg.png) no-repeat center;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
        .login_box {
            width: 400px;
            height: 250px;
            background: #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -200px;
            margin-top: -125px
        }
        .loginLeft {
            width: 250px;
        }
        .loginRight {
            width: 149px;
        }
    }
</style>